<template>
	<view>
		
		<view class='have' v-for="(item,index) in 6" :key="index" @click="jumpAdd">
			<view class='title'>
				<text class='name mar-right'>联系人</text>
				<text class='name'>13826016185</text>
				<text class='default'>默认</text>
				<view class='add-detail'>这个是详细的收货地址省市区等等</view>
			</view>
			<view class='edit'>
				<view class="edit-compile">编辑</view>
				<view class="edit-del">删除</view>
			</view>
		</view>

	
	<!--添加新的新地址 -->
	<view class="cu-bar tabbar  shadow foot">
		<view class="btn-live">
			添加新地址
		</view>
	</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {
			jumpAdd(){
				this.$mRouter.push({
					route: this.$mRoutesConfig.minePage.addAddress,
					query: {
						a: 1
					}
				})
			}

		}
	}
</script>

<style lang="scss">
	.btn-live{
		width:686rpx;
		height:86rpx;
		background: #d4237a;
		color:white;
		font-size: 36rpx;
		text-align: center;
		line-height: 86rpx;
		border-radius: 66rpx;
		margin-left: 32rpx;
	}
	// 列表地址
	.have {
		padding: 24rpx 32rpx;
		font-size: 26rpx;
		color: #666;
		position: relative;
		border-bottom: 2rpx solid #eee;
		background: white;
	
		.edit {
			position: absolute;
			right: 24rpx;
			top: 16%;
			padding-left: 24rpx;
			border-left: 2rpx solid #eee;
			height: 120rpx;
			line-height: 60rpx;
			display: flex;
			flex-direction: column;
	
			.edit-compile {
				flex: 1;
				font-size: 26rpx;
				color: #999;
			}
	
			.edit-del {
				flex: 1;
				font-size: 26rpx;
				color: #999;
			}
		}
	
		.title {
			width: 550rpx;
	
			.mar-right {
				display: inline-block;
				margin-right: 72rpx;
			}
	
			.name {
				font-size: 32rpx;
				color: #333;
			}
	
			.default {
				padding: 4rpx 14rpx;
				text-align: center;
				background: #f3303a;
				border-radius: 100rpx;
				color: white;
				font-size: 20rpx;
				margin-left: 34rpx;
			}
	
			.add-detail {
				width: 515rpx;
				margin-top: 8rpx;
				word-break: break-all;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
				font-size: 26rpx;
				color: #666666;
			}
		}
	}
	
	
</style>
